<template>
    <div class="col-md-6 col-md-offset-3">
        <h2 class="text-center">用户登录</h2>
        <form class="form-horizontal">
        <div class="form-group">
            <label class="col-sm-2 control-label">用户名</label>
            <div class="col-sm-10">
                <input type="text" class="form-control" placeholder="请输入用户名">
            </div>
        </div>
        <div class="form-group">
            <label class="col-sm-2 control-label">密码</label>
            <div class="col-sm-10">
                <input type="password" class="form-control" placeholder="请输入密码">
            </div>
        </div>
        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">登录</button>
            </div>
        </div>
        </form>
    </div>
</template>


<style>
    @import "./../css/bootstrap.min.css";
    #user-login {
        margin-top: 3.125em;
    }
</style>

<script>
    import mynav from "./my-nav.vue";
    console.log(mynav);
    export default {
        components: {
            "my-nav": mynav
        }
    }
</script>

